/*
	관련파일 : sort.html
	내용 : sort()를 사용하여 오름/내림차 정렬하기
	작성자: hgh
	작성일: 13.09.30
*/
//전역형으로 숫자/문자 배열 선언
nArray = [25,25,256,34,234,234,12,53,23,46,85,3];
sArray = ['홍길동','일지매','이순신','문근영','최지수'];

function numAsc(x, y)
{
	var rst=-1;
	if(x>y) rst = 1;
	
	return rst;
}
function numDesc(x, y)
{
	var rst=-1;
	if(x<y) rst = -1;
	
	return rst;
}
function charAsc(x, y)
{
	var rst=-1;
	if(x>y) rst = 1;
	
	return rst;
}
function charDesc(x, y)
{
	var rst=-1;
	if(x<y) rst = -1;
	
	return rst;
}
function init()
{
	//1) 버튼 5개와 result 태그들의 객채 생성
	var nBtn = document.getElementById('normalBtn');
	var nABtn = document.getElementById('numAscBtn');
	var nDBtn = document.getElementById('numDescBtn');
	var cABtn = document.getElementById('charAscBtn');
	var cDBtn = document.getElementById('charDescBtn');
	//var r= document.getElementById('result');
	
	//2)버튼에 click 이벤트 추가
	nBtn.onclick = function()	//일반정렬
	{
		var nTemp = nArray.slice(0, nArray.length); 
			//nArray[0,1,2,3,4,..];
			//slice를 사용하면 데이터의 필요한 부분을 잘라서 복사할수있음(x<=pos<y)
		var sTemp = [].concat(sArray);
			// concat을 사용하면 데이터를 통째로 복사함
		
		nTemp.sort();
		sTemp.sort();
		
		document.getElementById('result').innerHTML =
			"정렬 전 : <br>" + sArray + "<br>" + nArray + "<br>정렬 후 : <br>" + sTemp + "<br>" + nTemp;
	};
	nABtn.onclick = function() 	//숫자타입으로 오름차순 정렬
	{
		var nTemp = [].concat(nArray);
		
		//숫자형으로 배열 오름차순 정렬
		nTemp.sort(numAsc);
		
		document.getElementById('result').innerHTML =
			"정렬 전 : " + nArray + "<br>정렬 후 : " + nTemp;
	};
	nDBtn.onclick = function()
	{
		var nTemp = [].concat(nArray);
		
		//숫자형으로 배열 오름차순 정렬
		nTemp.sort(numDesc);
		
		document.getElementById('result').innerHTML =
			"정렬 전 : " + nArray + "<br>정렬 후 : " + nTemp;
	};
	cABtn.onclick = function()
	{
		var nTemp = [].concat(sArray);
		
		//숫자형으로 배열 오름차순 정렬
		nTemp.sort(charAsc);
		
		document.getElementById('result').innerHTML =
			"정렬 전 : " + sArray + "<br>정렬 후 : " + nTemp;
	};
	cDBtn.onclick = function()
	{
		var nTemp = [].concat(sArray);
		
		//숫자형으로 배열 오름차순 정렬
		nTemp.sort(charDesc);
		
		document.getElementById('result').innerHTML =
			"정렬 전 : " + sArray + "<br>정렬 후 : " + nTemp;
	};
	
}